page{
  background-color: #edece8;
}
.user_info_wrap{
  height: 45vh;
  overflow: hidden;
  background-color: var(--themColor);
  .user_img_wrap{
      .user_bg{
          height: 50vh;
          //css3 中的滤镜
          filter: blur(10rpx);
      }  
      .user_info{
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          top: 20%;
          text-align: center;
          .user_icon{
              width: 150rpx;
              height: 150rpx;
              border-radius: 50%;
          }
          .user_name{
              color: #D8F20D;
              margin-top: 30rpx;
              font-size: 32rpx;
              font-weight: 400;
          }
      }
  }  
}
.user_btn{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 20%;
  border:1rpx solid #D8F20D ;
  color: #D8F20D;
  font-size: 38rpx;
  padding: 10rpx;
  border-radius: 10rpx;
}

.user_content{
  position: relative;
  .user_main{
      position: absolute;
      width: 90%;
      left: 50%;
      transform: translateX(-50%);
      top: -40rpx;
      padding-bottom: 100rpx;
      color: #666;
      .history_wrap{
          background-color: #fff;
          display: flex;
          navigator{
              flex: 1;
              text-align: center;
              padding: 10rpx 0;
              .his_num{
                  color: var(--themColor);
              }
          }
      }
      .app_info_wrap{
          margin-top: 30rpx;
          background-color: #fff;
          .app_info_item{
              padding: 20rpx;
              border-bottom: 1rpx solid #ccc;
          }
          .app_info_contact{
              display: flex;
              justify-content: space-between;
          }
      }
      .recommend_wrap{
          margin-top: 30rpx;
          background-color: #fff; 
          padding: 20rpx;
      }
  }
}